<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="confirm" onclick="btn()">
    <input type="button" value="prompt" onclick="btn2()">
    <input type="button" value="moveBy" onclick="btn3()">
    <input type="button" value="moveTo" onclick="btn4()">
    <input type="button" value="resizeBy" onclick="btn5()">
    <input type="button" value='resizeTo' onclick="btn6()">
    <input type="button" value='scrollBy' onclick="btn7()">
    <input type="button" value='scroolTo' onclick="btn8()">
    <input type="button" value='open' onclick="btn8()">

    
    
    
</body>
</html>
<script>
      //window对象的常见用法儿
      //close()关闭窗口
      //moveBy() moveTo() 移动窗口
      //resizeBy()resizeBy()重设窗口大小
      //scrollBy() scrollTo() 滚动当前窗口的heml文档
      //open() 打开一个新的窗口
      //setInterval()
      //clearInteral()设置删除定时器
     function btn(){
            var answer = window.confirm('是否退出！')
            if(answer){
                window.close();//关闭窗口
            }else{
                window.alert('随遇而安')
            }

     }

     function btn2(){
         var res = window.prompt('请你输入密码','点击输入')
         alert(res)
     }


     /////注意这四个方法不兼容谷歌在上面不生效
     function btn3(){
         window.moveBy(50,50)   //每次点击位移50px50px
     }
     function btn4(){
        window.moveTo(150,150) //一次性点击到250px 250px
     }
     function btn5(){
        window.resizeBy(150,150) //每次点击以50px50px的放大
     }
     function btn6(){
        window.resizeTo(50,150) //一次性放大至350px 350px
     }
     function btn7(){
        window.scrollBy(50,50) //一次性滚动50px 50px
     }
     function btn8(){
        window.scrollTo(150,150) //一次性滚动到150px
     }

     function open(){
         window.open('http。。。。','iotek','left=20','top=50')
         //有很多属性 弹出窗口的 距顶 距左 缩放...
     }



     //history 对象常用方法儿
     //back()后退到上一个浏览器页面 如果该页面是第一个打开的，则无效
     //forward() 前进的下一个浏览器页面 如果该页面是第一个打开的，则无效
     //go(intValue) 该方法儿可指定前进后退多少个页面  正前进 负后退
     //<a href="javascript:history.back()">后退</a>
     //<a href="javascript:history.forward()">前进</a>
     //<a href="javascript:history.go(1)">前进</a>  //前进一页 如果是-1 就是后退

     //跳转页面 window.location.href 

</script>